<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>ESAN Test</title>
    <style>
        body {
            font-family: Verdana
        }

        #respuesta {
            background-color: #97e59b;
            padding: 1%;
            width: 98%;
        }
    </style>
</head>
<body>
<h1>Test BBB</h1>

<h2>Crear Sala</h2>

<form id="crerasala">
    <label>Sala id</label>
    <input type="text" name="meetingId" required=""/><br>
    <label>Nombre de la Sala</label>
    <input type="text" name="meetingName"/><br>
    <label">Clave Asistente</label>
    <input type="text" name="attendeePw"/><br>
    <label>Clave Moderador</label>
    <input type="text" name="moderatorPw"/><br>
    <label>Mensaje de Bienvenida</label>
    <input type="text" name="welcomeMsg"/><br>
    <label>Clave para unirse al puente de voz </label>
    <input type="number" name="voiceBridge" maxlength="5"/><br>
    <label>Clave para unise por webvoice</label>
    <input type="text" name="webVoice"/><br>
    <label>URL al salir</label>
    <input type="text" name="logoutUrl"/><br>
    <label>Max de participantes</label>
    <input type="number" name="maxParticipants"/><br>
    <label>Grabar</label>
    <select name="record">
        <option value="false" selected>false</option>
        <option value="true" selected>true</option>
    </select><br>
    <label>Duración</label>
    <input type="number" name="duration"/><br><br>
    <label>Categoria</label>
    <input type="text" name="meta_category"/>
    <input type="submit" value="enviar" />
</form>
<div class="rpta" id="respuesta"></div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("form").submit(function () {
            $.post("crearsala.php", $("form").serialize(), function (resultado) {
                $("#respuesta").html(resultado);
            });
            return false;
        });
    });
</script>
</body>
</html>